import { init, classModule, propsModule, styleModule, eventListenersModule, h } from 'snabbdom'

// 创建出patch函数
var patch = init([classModule, propsModule, styleModule, eventListenersModule])

// 创建虚拟节点
var myVnode1 = h('a', { props: { href: 'http://www.atguigu.com', target: '_blank' } }, '尚硅谷')

var myVnode2 = h('div', {}, '我是盒子')

var myVnode3 = h('ul', [
  h('li', [h('div', [h('p', '嘿嘿'), h('p', '拉拉')])]),
  h('li', '西瓜'),
  h('li', '香蕉'),
  h('li', '猕猴桃')
])

// 让虚拟节点上树
var container = document.getElementById('container')
patch(container, myVnode3)
